<go-back></go-back>
<div class="page-container">
  <div class="container pt72">
    <live-history></live-history>
  </div>
  <div class="container">
    <live-cat></live-cat>
  </div>

  <div class="container">
    <section class="box" style="position: relative;">
      <header class="panel_header">
        <h2 class="title pull-left">
          <p class="pr5">直播列表</p>
        </h2>
      </header>
      <ngx-busy [busy]="busy"></ngx-busy>
      <div class="content-body">
        <table class="responsive-table highlight bordered ">
          <thead>
            <tr>
              <th>直播标题</th>
              <th>点赞数</th>
              <th>人气值</th>
              <th>销售额</th>
              <th>销售量</th>
              <th>成交均价</th>
              <th>日期</th>
            </tr>
          </thead>
          <tbody>
            <tr class="repeat-item" *ngFor="let person of vm.table.livers  | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id:'liver_person_table'};let $index = index;">
              <td class="left-align">
                <a class="linkHover normal" >{{person.title || '无标题'}}</a>
                <a class="grey-text" title="去淘宝" href="https://h5.m.taobao.com/taolive/video.html?spm=a2114l.8722721.0.0.43c0e6beRmogw0&id={{person.liveId}}&type=473&livetype=living&vrType=0 " target="_blank " ><i class="fa fa-external-link cp f16"></i></a>
              </td>
              <td>{{person.praiseCount | bigNum}}</td>
              <td>{{person.viewCount | bigNum}}</td>
              <td>{{person.sellMoney | bigNum}}</td>
              <td>{{person.sellAmount | bigNum}}</td>
              <td>{{person.price | bigNum}}</td>
              <td>{{person.startTime | dateFormat}}</td>

            </tr>
            <tr *ngIf="vm.table.livers.length==0 ">
              <td colspan="7 ">暂无数据</td>
            </tr>
          </tbody>
        </table>
        <pagination-controls class="center-align pt20" id="liver_person_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
        </pagination-controls>
      </div>
    </section>
  </div>

  <div class="container">
    <live-shop></live-shop>
  </div>

</div>

